<template>
  <a-card :bordered="false">
    <j-form-container>
    <a-form-model ref="form" :model="model" slot="detail">
      <a-row>
        <a-col :span="24">
          <a-form-model-item label="图片上传" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="demo">
            <j-upload-oss v-model="model.demo" fileType="image"></j-upload-oss>
            <h4>值：{{model.demo}}</h4>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="视频上传" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="demo2">
            <j-upload-oss v-model="model.demo2" fileType="video"></j-upload-oss>
            <h4>值：{{model.demo2}}</h4>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="文件上传" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="demo3">
            <j-upload-oss v-model="model.demo3"></j-upload-oss>
            <h4>值：{{model.demo3}}</h4>
          </a-form-model-item>
        </a-col>
      </a-row>
    </a-form-model>
    </j-form-container>
  </a-card>
</template>
<script>
import JUploadOss from '@/components/jeecg/JUploadOss'
export default {
  components: { JUploadOss },
  data() {
    return {
      model: {
        demo: '',
        demo2: '',
        demo3: '',
      },
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 11 },
      },
    }
  },
}
</script>
<style lang="less" scoped>
</style>